<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <form>
        <p class="info"></p>
        <p>账号：<input type="text" id="name"></p>
        <p>密码：<input type="password" id="psd"></p>
        <p><button type="button" class="login">登录</button></p>
    </form>

    <script src="./js/jquery-3.2.1.js"></script>
    <script>
        //1点击登录--触发事件
        $(".login").click(function() {
            //2获取用户输入内容
            var name = $("#name").val();
            var psd = $("#psd").val();

            //创建ajax方法
            $.ajax({
                type: 'post', //请求的方法
                url: '06login.php', //请求的地址
                data: {
                    //传送的参数
                    username: name,
                    password: psd,

                },
                //回调函数/，返回的数据给ajax
                success: function(res) {
                    console.log(res);
                    $(".info").html(res);
                }
            })
        })
    </script>
</body>

</html>